.tomatoes-wrapper {
   .tomato-action-wrapper {
     padding-bottom: 16px;
     border-bottom: 1px solid #ddd;
     .ant-btn.ant-btn-block {
       height: 40px;
       background-color: rgb(244, 244, 244);
       color: rgb(102, 102, 102);
       font-weight: 500;
       font-size: 16px;
       &:not(.counting):hover{
           border-color: #999;
       }
     }
   }
  .tomato-lists {
    padding-top: 16px;
    height: 16.6em;
    line-height: 1.5em;
    overflow: hidden;
    .child {
      width: calc(100% + 17px);
      overflow-y: scroll;
      padding-right: 17px;
      height: 100%;
    }
  }
 }
.countdown-wrapper {
  .count-down {
    color: rgb(102, 102, 102);
    font-weight: 500;
    font-size: 16px;
    line-height: 38px;
    min-height: 40px;
    text-align: center;
    position: relative;
    background: #f4f4f4;
    p {
      border:1px solid #ccc;
      position: relative;
      z-index: 2;
      box-shadow: none;
      border-radius: 4px;
      user-select: none;
      margin-bottom: 0;
    }
    .anticon-close-circle {
      position: absolute;
      top:-7px;
      right: -5px;
      cursor: pointer;
      z-index: 3;
      background: #fff;
    }
    .progress {
      background-image: linear-gradient(to bottom,#F8F8F8 0,#EEE 100%);
      position: absolute;
      left: 0;
      top: 0;
      display: block;
      height: 40px;
      border-right: 1px solid rgba(212,212,212,.5);
      z-index: 1;
      border-radius: 3px 0 0 3px;
    }
  }
}
